<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/common.css"/>
    	<link rel="stylesheet" href="css/pay.css"/>
    	<link rel="stylesheet" href="css/confirm_order.css"/>
		<title>确认订单</title>
	</head>
	<body>
		<div class="header">
	        <div class="top">
	            <div class="w12">
	                <p>欢迎来到易品益生商城！</p>
	                <ul>
	                    <li>
	                        <a href="user.html">小**小 </a>
	                        <a class="vip" href="#">VIP3</a>
	                    </li>
	                    <li>
	                        <img src="img/idx-order.png" alt=""/>
	                        <a href="order.html">我的订单</a>
	                    </li>
	                    <li>
	                        <img src="img/idx-cart.png" alt=""/>
	                        <a href="shop_cart.html">我的购物车</a>
	                    </li>
	                    <li>
	                        <a href="#">客户服务</a>
	                    </li>
	                </ul>
	            </div>
	        </div>
	        <div class="mid w12">
	            <div class="logo">
	                <a href="index.html"> <img src="img/logo.png" alt=""/> </a>
	            </div>
	            <div class="search">
					<form>
						<input type="text" value="" id="ipt" />
						<input type="submit" value="搜索" id="btn" />												
					</form>	
					<div class="history">
						<ul></ul>
					</div>
				</div>
	            <div class="hotwords">
	                <ul>
	                    <li>
	                        <a href="pro_list.html">矿泉水</a>
	                    </li>
	                    <li>
	                        <a href="pro_list.html">饮用水</a>
	                    </li>
	                    <li>
	                        <a href="pro_list.html">桶装水</a>
	                    </li>
	                    <li>
	                        <a href="pro_list.html">苏打水</a>
	                    </li>
	                    <li>
	                        <a href="pro_list.html">山泉水</a>
	                    </li>
	                    <li>
	                        <a href="pro_list.html">矿物水</a>
	                    </li>
	                </ul>
	            </div>
	        </div>
	        <div class="nav">
	            <div class="w12">
	                <div class="nav-type">
	                    <div class="title">
	                        <p><img src="img/iconfont.png" alt=""/>&nbsp;全部商品分类</p>
	                        <div class="item">
	                            <ul>
	                                <li>
	                                    <a href="pro_list.html" class="item-tit"><b>家装水</b></a>
	                                    <a href="pro_list.html">家用饮水</a>
	                                    <i>/</i>
	                                    <a href="pro_list.html">桶装水</a>
	                                </li>
	                                <li>
	                                    <a href="pro_list.html" class="item-tit"><b>瓶装水</b></a>
	                                    <a href="pro_list.html">125毫升</a>
	                                    <i>/</i>
	                                    <a href="pro_list.html">240毫升</a>
	                                </li>
	                                <li>
	                                    <a href="pro_list.html" class="item-tit"><b>矿泉水</b></a>
	                                    <a href="pro_list.html">山中饮水</a>
	                                    <i>/</i>
	                                    <a href="pro_list.html">矿物水</a>
	                                </li>
	                                <li>
	                                    <a href="pro_list.html" class="item-tit"><b>山泉水</b></a>
	                                    <a href="pro_list.html">500毫升</a>
	                                    <i>/</i>
	                                    <a href="pro_list.html">1000毫升</a>
	                                </li>
	                                <li>
	                                    <a href="pro_list.html" class="item-tit"><b>苏打水</b></a>
	                                    <a href="pro_list.html">240毫升</a>
	                                    <i>/</i>
	                                    <a href="pro_list.html">500毫升</a>
	                                </li>
	                                <li>
	                                    <a href="pro_list.html" class="item-tit"><b>桶装水</b></a>
	                                    <a href="pro_list.html">2000毫升</a>
	                                    <i>/</i>
	                                    <a href="pro_list.html">2500毫升</a>
	                                </li>
	                            </ul>
	                        </div>
	                    </div>
	                </div>
	                <div class="nav-ul">
	                    <ul>
	                        <li>
	                            <a href="index.html" class="active">商城首页</a>
	                        </li>
	                        <li>
	                            <a href="#">最新商品</a>
	                        </li>
	                        <li>
	                            <a href="#">热门商品</a>
	                        </li>
	                        <li>
	                            <a href="#">推荐商品</a>
	                        </li>
	                        <li>
	                            <a href="#">爆款推荐</a>
	                        </li>
	                    </ul>
	                </div>
	            </div>
	        </div>
	    </div>
	    <div class="middle">
	        <div class="order-pay">
	            <div class="location">
	                <a href="index.html">易品益生首页</a>
	                <span>></span>
	                <span>确认订单信息</span>
	            </div>
	            <div class="steps">
	                <ul>
	                    <li>
	                        <span><b>1</b>我的购物车</span>
	                    </li>
	                    <li>
	                        <span><b>2</b>确认订单信息</span>
	                    </li>
	                    <li>
	                        <span><b>3</b>支付/确定订单</span>
	                    </li>
	                </ul>
	            </div>
	            <div class="fillAddress">
	            	<div class="tit">
	            		<h6>填写收货地址</h6>
	            	</div>
	            	<div class="address-list">
	            		<ul>
	            			<li class="active">
	            				<div class="site">
            						<p>
	            						<span>贾名</span>
	            						<span>18876543210</span>
	            						<span>上海金桥路1399号</span>
            						</p>
	            				</div>
	            			</li>
	            			<li>
	            				<div class="site">
	            					<p>
	            						<span>贾名</span>
	            						<span>18876543210</span>
	            						<span>上海金桥路1399号</span>
            						</p>
	            				</div>
	            			</li>
	            			<li>
	            				<div class="site">
            						<p>
	            						<span>贾名</span>
	            						<span>18876543210</span>
	            						<span>上海金桥路1399号</span>
            						</p>
	            				</div>
	            			</li>
	            			<li>
	            				<a href="address.html">
	            					<img src="img/add.png" alt="" />
	            					<span>添加地址</span>
	            				</a>
	            			</li>
	            		</ul>
	            	</div>
	            </div>
	            <div class="goods-order">
            		<div class="tit">
		                <ul>
		                	<li>
		                		<span class="name">商品名称</span>
		                	</li>
		                	<li>
		                		<span class="price"><i></i>单品价格<i></i></span>
		                	</li>
		                	<li>
		                		<span class="num">购买数量</span>
		                	</li>
		                	<li>
		                		<span class="subtotal"><i></i>小计<i></i></span>
		                	</li>
		                	<li>
		                		<span class="operate">操作</span>
		                	</li>
		                </ul>
		            </div>
		            <div class="list">
		                <ul>
		                    <li>
		                        <div class="pro-msg">
		                            <a href=""> <img src="img/pay-pic.png" alt=""/> </a>
		                            <p>
		                                <span>品牌名称：Evian/依云</span>
		                                <b>端午节特价超值优惠装</b>
		                                <span>分类：瓶装水/500ml</span>
		                                <span>产地: 法国</span>
		                            </p>
		                        </div>
		                        <div class="discount-price">
		                            <p>¥<b>39.00</b></p>
		                            <span>¥<b>69.00</b></span>
		                        </div>
		                        <div class="num">
		                            <input type="text" value="1" readonly />
		                        </div>
		                        <div class="rowPrice">
		                            <p>¥<b>0.00</b></p>
		                        </div>
		                        <div class="delete">
		                            <a href="javascript:;"> <img src="img/delete.png" alt=""/> </a>
		                        </div>
		                    </li>
		                    <li>
		                        <div class="pro-msg">
		                            <a href=""> <img src="img/pay-pic.png" alt=""/> </a>
		                            <p>
		                                <span>品牌名称：Evian/依云</span>
		                                <b>端午节特价超值优惠装</b>
		                                <span>分类：瓶装水/500ml</span>
		                                <span>产地: 法国</span>
		                            </p>
		                        </div>
		                        <div class="discount-price">
		                            <p>¥<b>39.00</b></p>
		                            <span>¥<b>69.00</b></span>
		                        </div>
		                        <div class="num">
		                            <input type="text" value="1" readonly />
		                        </div>
		                        <div class="rowPrice">
		                            <p>¥<b>39.00</b></p>
		                        </div>
		                        <div class="delete">
		                            <a href="javascript:;"> <img src="img/delete.png" alt=""/> </a>
		                        </div>
		                    </li>
		                </ul>
		            </div>
		            <div class="transport">
		            	<p>运送方式：<span>卖家承担</span></p>
		            </div>
		            <div class="msg">
		                <span>订单留言：</span>
		                <textarea></textarea>
		            </div>
					<div class="allInfo">
						<div class="amount-sum">
							<span>共</span>
							<em class="number">0</em>
							<span>件商品</span>
						</div>
						<div class="price-sum">
							<span>商品总价：</span>
							<i>￥<b>0.00</b></i>
						</div>
						<div class="discount">
							<span>应付金额：</span>
							<strong>￥<i>0.00</i></strong>
						</div>
						<div class="freight">
							<span>运费：</span>
							<strong>￥<b>0.00</b></strong>
						</div>
						<div class="btn-area" id="btn"><a href="pay.html">提交订单</a></div>
					</div>
            	</div>
	        </div>
	    </div>
		<div class="footer">
			<div class="w12">
				<div class="top">
					<ul>
	                    <li>
	                        <a href="javascript:;" class="much">
	                            <span></span>
	                            <b>品类齐全，轻松购物</b>
	                        </a>
	                    </li>
	                    <li>
	                        <a href="javascript:;" class="more">
	                            <span></span>
	                            <b>多仓直发，极速配货</b>
	                        </a>
	                    </li>
	                    <li>
	                        <a href="javascript:;" class="well">
	                            <span></span>
	                            <b>质量保证，天然水质</b>
	                        </a>
	                    </li>
	                    <li>
	                        <a href="javascript:;" class="save">
	                            <span></span>
	                            <b>天天低价，畅选无忧</b>
	                        </a>
	                    </li>
	                </ul>
				</div>
				<div class="mid">
					<div class="help-nav">
						<h5>购物指南</h5>
						<ul>
							<li>
								<a href="#">购物流程</a>
							</li>
							<li>
								<a href="#">会员介绍</a>
							</li>
							<li>
								<a href="#">生活旅行</a>
							</li>
							<li>
								<a href="#">常见问题</a>
							</li>
							<li>
								<a href="#">大桶水</a>
							</li>
							<li>
								<a href="#">联系客服</a>
							</li>
						</ul>
					</div>
					<div class="help-nav">
						<h5>配送方式</h5>
						<ul>
							<li>
								<a href="#">上门提醒</a>
							</li>
							<li>
								<a href="#">211限时达</a>
							</li>
							<li>
								<a href="#">配送服务查询</a>
							</li>
							<li>
								<a href="#">送水热线</a>
							</li>
							<li>
								<a href="#">大桶水</a>
							</li>
						</ul>
					</div>
					<div class="help-nav">
						<h5>支付方式</h5>
						<ul>
							<li>
								<a href="#">货到付款</a>
							</li>
							<li>
								<a href="#">在线支付</a>
							</li>
							<li>
								<a href="#">微信支付</a>
							</li>
							<li>
								<a href="#">支付宝</a>
							</li>
						</ul>
					</div>
					<div class="help-nav">
						<h5>售后服务</h5>
						<ul>
							<li>
								<a href="#">售后政策</a>
							</li>
							<li>
								<a href="#">价格保护</a>
							</li>
							<li>
								<a href="#">退款说明</a>
							</li>
							<li>
								<a href="#">质量问题</a>
							</li>
							<li>
								<a href="#">取消订单</a>
							</li>
						</ul>
					</div>
					<div class="help-cover">
						<h5>易品益生覆盖区县</h5>
						<p class="help-cover-info">易品益生已向全国2666个区县提供送货上门服务，支持货到付款、POS机刷卡和售后上门服务。</p>
						<p class="help-cover-more"><a href="#">产看详情</a></p>
					</div>
				</div>
				<div class="copyright">
					<ul>
						<li>
							<a href="#">关于我们</a>
						</li>
						<li>
							<a href="#">联系我们</a>
						</li>
						<li>
							<a href="#">联系客服</a>
						</li>
						<li>
							<a href="#">合作招商</a>
						</li>
						<li>
							<a href="#">商家帮助</a>
						</li>
						<li>
							<a href="#">营销中心</a>
						</li>
						<li>
							<a href="#">友情链接</a>
						</li>
						<li>
							<a href="#">销售联盟</a>
						</li>
						<li>
							<a href="#">隐私政策</a>
						</li>
						<li>
							<a href="#">公益活动</a>
						</li>
					</ul>
					<p>copyright © 2001 - 2017   易品益生水业版权所有</p>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script src="res/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/confirm_order.js"></script>
	<script src="js/history.js" type="text/javascript" charset="utf-8"></script>
</html>
